关于几个动画的css工具

/ 资讯中心/ 关于几个动画的css工具

发布时间：2016-01-05 分类：新金融百科

在web设计中，经常会用到css技术，有时也会在网站上加载小视频、动画等，下面是几种关于动画的css工具：

1、 Spinkit

Spin kit是一个酷炫的加载动画CSS集合。 Spinkit使用CSS动画来创建吸引人的易于自定义的动画。但Spin kit并非提供所有浏览器的解决方案，有些浏览器是不可用的，需要变通一下。

关于几个动画的css工具

2、 Magic CSS3 Animation

Magic CSS3 Animations 是一个特殊效果的CSS3动画库，简单的引用CSS样式：magic.css或精简版magic.min.css即可，可以免费用于web项目。

关于几个动画的css工具

3、Bounce.js

Bounce.js是一个CSS3驱动关键帧动画的工具，用于生成动态动画的JS库是在该工具中投入使用。简单地添加一个组件，选择预设，就会得到一个短URL地址或者导出到CSS。

关于几个动画的css工具

4、Single Element CSS Spinner

Single Element CSS Spinners是一个CSS螺旋动画加载的集合，如我们经常见到的加载的圆圈，Single Element CSS Spinners每个旋转包含一个使用‘loader’ class的div，其文本内容为‘Loading…’。文本是为屏幕阅读器使用的且可用作老浏览器的后退的状态。

关于几个动画的css工具

5、 Ani.js

AniJS是一个CSS动画的声明处理库，它可以帮助开发工作，能提高开发速度，并且AniJS的文档非常完善并且很容易上手。

关于几个动画的css工具

6、Saffron

Saffron是一系列Sass混合器和助手集，在SASS声明中只需要包括一个mixin，然后使用变量和混合参数设置一些配置，非常方便，并且可以让CSS3的动画和过渡非常简单。

关于几个动画的css工具

以上是几个关于动画的css工具，在做动画页面的时候使用，帮助我们更快的做好动画。

淘金地

关于迪蒙

热门文章